<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, 
		minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>奥凯航空后勤资产管理系统-登录</title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		
		<script type="text/javascript" src="js/validateCode.js"></script>
		
		<script type="text/javascript" src="js/register.js"></script>
	
	</head>
	<body style="background-image: url(img/timg.jpg); background-repeat: no-repeat;">
		<br><br><br><br><br>
		<center>
			<div align="center" style="width: 40%;height: 100%;">
				<div class="layui-card" style="opacity:.9">
					<div class="layui-card-header ">
						<img src="img/9c7edd9f034ac355551072999b8cd520.png" style="width: 100px;" />
						<!-- <h2><label class="text-success">奥凯航空后勤资产管理系统</label></h2> -->

					</div>
					<div class="layui-card-body">
						<div class="layui-tab layui-tab-brief">
							<ul class="layui-tab-title">
								<li class="layui-this"><span class="layui-icon layui-icon-link"></span> 用户登录</li>
								<li><span class="layui-icon layui-icon-about"></span> 新用户注册</li>
							</ul>
							<div class="layui-tab-content">
								<div class="layui-tab-item layui-show">
									<form id="frm_login" class="layui-form" action="">
										<div class="layui-form-item">
											<label class="layui-form-label">用户名</label>
											<div class="layui-input-block">
												<input type="text" id="uname" name="uname" required lay-verify="required" placeholder="请输入用户名" autocomplete="off"
												 class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">密码</label>
											<div class="layui-input-inline">
												<input type="password" id="upwd" name="upwd" required lay-verify="required" placeholder="请输入密码"
												 autocomplete="off" class="layui-input">
											</div>
											<div class="layui-form-mid layui-word-aux">请输入6-12位密码</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">验证码</label>
											<div class="layui-input-inline">
												<input size="4" type="text" id="vcode" name="vcode" required lay-verify="required" placeholder="请输入验证码"
												 autocomplete="off" class="layui-input">
											</div>
											<canvas id="vcode_img" width="130px" height="35px"></canvas>
										</div>

										<div class="layui-form-item">
											<label class="layui-form-label">记住我</label>
											<div class="layui-input-inline">
												<input id="rememberPwd" type="checkbox" name="switch" lay-skin="switch" lay-text="ON|OFF" checked="checked">
											</div>
										</div>

										<div align="center">
											<a href="javascript:login()" class="layui-btn layui-btn-success"><span class="layui-icon layui-icon-login-weibo"></span>
												登录</a>
											<a href="javascript:reset()" class="layui-btn layui-btn-primary"><span class="layui-icon layui-icon-delete"></span>
												重置</a>
										</div>
									</form>
								</div>
								<div class="layui-tab-item">
									<form id="frm_register" class="layui-form" action="">
										<div class="layui-form-item">
											<label class="layui-form-label">用户名</label>
											<div class="layui-input-block">
												<input type="text" id="rguname" name="rguname" required lay-verify="required" placeholder="请输入用户名" autocomplete="off"
												 class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">新密码</label>
											<div class="layui-input-inline">
												<input type="password" id="rgupwd" name="rgupwd" required lay-verify="required" placeholder="请输入密码"
												 autocomplete="off" class="layui-input">
											</div>
											<div class="layui-form-mid layui-word-aux">请输入6-12位新密码</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">确认密码</label>
											<div class="layui-input-inline">
												<input type="password" id="rupwd" name="rupwd" required lay-verify="required" placeholder="请输入确认密码"
												 autocomplete="off" class="layui-input">
											</div>
											<div class="layui-form-mid layui-word-aux">与新密码一致</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">Email</label>
											<div class="layui-input-inline">
												<input type="email" id="rgemail" name="rgemail"  placeholder="请输入邮箱（找回密码）" autocomplete="off"
												 class="layui-input">
											</div>
											<div class="layui-form-item">
											<label class="layui-form-label">下次登录记住我</label>
											<div class="layui-input-inline">
												<input id="rememberRGPwd" type="checkbox" name="switch" lay-skin="switch" lay-text="ON|OFF" checked="checked">
											</div>
										</div>
										</div>
										<div align="center">
											<a href="javascript:register()" class="layui-btn layui-btn-success"><span class="layui-icon layui-icon-login-weibo"></span>
												注册并登录</a>
											<a href="javascript:rgreset()"  class="layui-btn layui-btn-primary"><span class="layui-icon layui-icon-delete"></span>
												重置</a>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</center>
		<script>
			//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
			layui.use('element', function() {
				var element = layui.element;

				//…
			});
		</script>
		<script type="text/javascript" src="layui/layui.all.js"></script>
		
		<script type="text/javascript" src="js/login.js"></script>
			<script type="text/javascript">
			$(function() {
				drawPic();
				$("#vcode_img").click(function() {
					drawPic();
				});
			});
			
			var uname = localStorage.getItem("uname");
			if(uname.length!=0){
				$("#uname").val(uname);
			}
			var upwd = localStorage.getItem("upwd");
			if(upwd.length!=0){
				$("#upwd").val(upwd);
			}
		</script>
<!--	
		<script>
			document.write('<script src="//' + (location.host || 'localhost').split(':')[0] +
				':35929/livereload.js?snipver=1"></' + 'script>')
		</script>
		<script>
			document.addEventListener('LiveReloadDisconnect', function() {
				setTimeout(function() {
					window.location.reload();
				}, 500);
			})
		</script>-->
	</body>
</html>
